<template>
  <div id="app">
<!--    显示 登录页面  和 其他页面(home and so on)-->
    <router-view></router-view>
  </div>
</template>

<style>
  * {
    padding: 0;
    margin: 0;
  }
  html,body {
    height: 100%;
  }
</style>
<script>
export default {
  name: 'App',
  
}
</script>

<style lang="less" scoped>
  #app {
    background-image: linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);
    height: 100%;
    .el-container {
      /* 左边导航 */
      .el-aside {
        color: #333;
        text-align: center;
      }
      /* 右边头部和主体部分*/
      .el-container {
        /* 上边头部 */
        .el-header {
          color: #333;
          text-align: center;
          line-height: 60px;
        }
        /* 主体内容 */
        .el-main {
          border: 20px solid white;
          color: #333;
          text-align: center;
          line-height: 160px;
        }
      }
    }
  }
</style>
